<div id="chartmanage" v-cloak>
    <Row type="flex" justify="center">
        <i-select v-model="year" style="width:200px" placeholder="请选择年份">
            <i-option v-for="item in yearList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
        </i-select>
        <i-select v-model="month" style="width:200px" placeholder="如不选择月份，则显示全年">
            <i-option v-for="item in monthList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
        </i-select>
        <i-button type="primary" @click="query" style="margin-right:5px;">单次查询</i-button>
        <i-button type="primary" @click="addChart" style="margin-right:5px;">叠加分析</i-button>
        <i-button type="primary" @click="clearChart" style="margin-right:5px;">清除图表</i-button>
    </Row>
    <Row type="flex" justify="center">
        <i-col span="19" pull="1">
            <div id="myChart" style="height:800px;"></div>
        </i-col>
        <i-col span="5" pull="1">
            <div style="background:#eee;width: 350px;">
                <Card>
                    <p slot="title" style="text-align: center;">统计</p>
                    <i-table :columns="stats" :data="total" height="700"></i-table>
                </Card>
            </div>
        </i-col>
    </Row>
</div>
<script type="text/javascript" src="JS/page/delivery_note/chartmanage.js"></script>